<template>
<div class="page">
  <navTop title="活动列表" />
	<div class="item">
		<img class="img" src="~@/assets/img/huodong1.png" alt="">
		<div>
			<div class="name">新人专享豪礼，邀请好友一起来</div>
			<div class="desc">2024-11-11至2024-12-11</div>
		</div>
	</div>
	<div class="item">
		<img class="img" src="~@/assets/img/huodong2.png" alt="">
		<div>
			<div class="name">注册会员，领取新人福利</div>
			<div class="desc">2024-11-11至2024-12-11</div>
		</div>
	</div>
</div>
</template>

<script>
import navTop from "@c/navTop.vue";
export default {
	components: { 
		navTop
	},
	data() {
		return {
			
		}
	},
	methods: {
		
	}
}
</script>

<style scoped lang="scss">
.page{
	background: #F4F4F4;
	height: 100%;
	width: 100%;
	.item{
		margin: 10px;
		background: #fff;
		border-radius: 3px;
		overflow: hidden;
		.img{
			width: 100%;
			height: 155px;
			display: block;
		}
		.name{
			font-size: 16px;
			color: #000000;
			margin: 10px;
		}
		.desc{
			font-size: 15px;
			color: #999999;
			margin: 10px;
		}
	}
}
</style>
